<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="../css/font_2836686_3the5anuuw6/iconfont.css">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
</head>

<body>
    <header>
        <div class="left">
            <span class="effort">每一个不曾起舞的日子，都是对生命的辜负</span>
            <a href="login.html">登录</a>
            <span>|</span>
            <a href="regist.html">注册</a>
        </div>
        <div class="iconfont icon-gouwuche car">我的购物车</div>
    </header>
    <nav>
        <img src="../images/tf-logo.png" alt="" class="left">
        <ul>
            <li>
                <a href="" class="col_a">机械革命</a>
                <ul class="drop">
                    <li>
                        <img src="../images/1.png" alt="">
                        <p>深海幽灵&nbsp;Z3&nbsp;Pro&nbsp;系列</p>
                        <p class="col">￥8779元</p>
                    </li>
                    <li>
                        <img src="../images/2.png" alt="">
                        <p>钛坦Plus系列</p>
                        <p class="col">￥10999元</p>
                    </li>
                    <li>
                        <img src="../images/3.png" alt="">
                        <p>深海幽灵&nbsp;Z3Air系列</p>
                        <p class="col">￥6299元</p>
                    </li>
                    <li>
                        <img src="../images/4.png" alt="">
                        <p>蛟龙7&nbsp;系列</p>
                        <p class="col">￥11999元</p>
                    </li>
                    <li>
                        <img src="../images/5.png" alt="">
                        <p>蛟龙5&nbsp;系列</p>
                        <p class="col">￥7999元</p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="" class="col_a">轻薄本</a>
                <ul class="drop">
                    <li>
                        <img src="../images/6.png" alt="">
                        <p>F1系列</p>
                        <p class="col">￥5299元</p>
                    </li>
                    <li>
                        <img src="../images/7.png" alt="">
                        <p>S3&nbsp;Pro&nbsp;系列</p>
                        <p class="col">￥4099元</p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="" class="col_a">台式机</a>
            </li>
            <li>
                <a href="" class="col_a">周边外设</a>
                <ul class="drop">
                    <li>
                        <img src="../images/8.png" alt="">
                        <p>机械革命&nbsp;游戏笔记本背包&nbsp;深海幽灵版</p>
                        <p class="col">￥299元</p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="" class="col_a">商用及大客户产品</a>
                <ul class="drop_a">
                    <li>台式电脑</li>
                    <li>笔记本电脑</li>
                    <li>服务器及存储</li>
                    <li>工作站</li>
                    <li>智能显示产品</li>
                </ul>
            </li>
            <li>
                <a href="" class="col_a">解决方案</a>
                <ul class="down">
                    <li>
                        <p><b>数据中心解决方案</b></p>
                        <p>同方云</p>
                    </li>
                    <li>
                        <p><b>行业解决方案</b></p>
                        <p>智慧金融</p>
                        <p>智慧教育</p>
                        <p>智慧黑板</p>
                        <p>专递课堂</p>
                        <p>疫情防控</p>
                        <p>智慧医疗</p>
                    </li>
                </ul>
            </li>
            <li>
                <a href="" class="col_a">信息安全</a>
                <ul class="drop_b">
                    <li>低泄射</li>
                    <li>TSTOR</li>
                    <li>OPENTHOS</li>
                </ul>
            </li>
            <li>
                <a href="" class="col_a">服务</a>
            </li>
            <li>
                <a href="" class="no">中国芯</a>
                <ul class="drop_c">
                    <li>鲲鹏系列</li>
                    <li>龙芯系列</li>
                    <li>飞腾系列</li>
                    <li>兆芯系列</li>
                    <li>海光系列</li>
                </ul>
            </li>
        </ul>
        <img src="../images/SDoc-touming.png" alt="" class="right">
    </nav>
    <div class="drop-down"></div>
    <section>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../images/9.png" alt="">
                </div>
                <div class="swiper-slide"><img src="../images/10.png" alt=""></div>
                <div class="swiper-slide"><img src="../images/11.png" alt=""></div>
                <div class="swiper-slide"><img src="../images/12.png" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </section>
    <div class="middle">
        <div>
            <img src="../images/13.png" alt="">
            <img src="../images/14.png" alt="">
            <img src="../images/15.png" alt="">
        </div>
    </div>
    <div class="content">
        <div class="one">
            <p>机械革命<a href="list.html" class="list">查看全部<span></span></a></p>
            <img src="../images/16.png" alt="">
            <ul>
                <li>
                    <a href="">
                        <img src="../images/17.png" alt="">
                        <p>Code&nbsp;01系列</p>
                        <p>程序员本&nbsp;大可有为</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/18.png" alt="">
                        <p>X3系列</p>
                        <p>智能超频&nbsp;一键切换</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/19.png" alt="">
                        <p>X10Ti系列</p>
                        <p>电竞旗舰&nbsp;视界重塑</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/20.png" alt="">
                        <p>S2&nbsp;Air&nbsp;01系列</p>
                        <p>标压轻薄14英寸</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/21.png" alt="">
                        <p>Z3Air系列</p>
                        <p>轻薄游戏本&nbsp;120Hz电竞屏</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/22.png" alt="">
                        <p>蛟龙系列</p>
                        <p>出奇制胜&nbsp;锐不可挡</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="one two">
            <p>台式机&nbsp;一体机<a href="list.html">查看全部<span></span></a></p>
            <img src="../images/23.png" alt="">
            <ul>
                <li>
                    <a href="">
                        <img src="../images/24.png" alt="">
                        <p>超越A5000系列&nbsp;21.5英寸</p>
                        <p>品智微框&nbsp;拓展视野</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/25.png" alt="">
                        <p>超越A7000系列&nbsp;23.8英寸</p>
                        <p>源于清华&nbsp;服务教育</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/26.png" alt="">
                        <p>超越A9000系列&nbsp;27英寸</p>
                        <p>网络授课甑选</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/27.png" alt="">
                        <p>精锐一体机系列</p>
                        <p>台式机性能&nbsp;一体机享受</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/28.png" alt="">
                        <p>超扬台式机系列</p>
                        <p>九代高效核心&nbsp;杨帆启航</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/29.png" alt="">
                        <p>精锐台式机系列</p>
                        <p>精心智选&nbsp;乐享办公</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="one two th">
            <p>服务器与存储<a href="list.html">查看全部<span></span></a></p>
            <img src="../images/30.png" alt="">
            <ul>
                <li>
                    <a href="">
                        <img src="../images/31.png" alt="">
                        <p>超强R628</p>
                        <p>机架式服务器</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/32.png" alt="">
                        <p>超强R618</p>
                        <p>机架式服务器</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/33.png" alt="">
                        <p>超强R858</p>
                        <p>机架式服务器</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/34.png" alt="">
                        <p>超强S558</p>
                        <p>机架式服务器</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/35.png" alt="">
                        <p>超强G858</p>
                        <p>机架式服务器</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/36.png" alt="">
                        <p>超强TR1210</p>
                        <p>机架式服务器</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <footer>
        <div class="huan">
            <a href="" class="iconfont icon-qitianwuliyoutuihuan">7天无理由退货</a>
            <span>|</span>
            <a href="" class="iconfont icon-15tianwuliyoutuihuo">15天免费换货</a>
            <span>|</span>
            <a href="" class="iconfont icon-lihe">全场包邮</a>
            <span>|</span>
            <a href="" class="iconfont icon-didian">520余家售后网点</a>
        </div>
        <div class="txt">
            <ul>
                <li><a href=""><b>帮助中心</b></a></li>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
            </ul>
            <ul>
                <li><a href=""><b>机械革命</b></a></li>
                <li><a href="">机械革命官网</a></li>
                <li><a href="">官方微博</a></li>
                <li><a href="">私人定制</a></li>
            </ul>
            <ul>
                <li><a href=""><b>服务支持</b></a></li>
                <li><a href="">驱动程序</a></li>
                <li><a href="">维修网点</a></li>
                <li><a href="">服务政策</a></li>
            </ul>
            <ul>
                <li><a href=""><b>关于我们</b></a></li>
                <li><a href="">走进我们</a></li>
                <li><a href="">新闻中心</a></li>
                <li><a href="">合作厂商</a></li>
            </ul>
        </div>
    </footer>
</body>
<script src="../js/swiper-bundle.min.js"></script>
<script src="../js/jquery-3.6.0.js"></script>
<script src="../js/home.js"></script>
<script>

</script>

</html>